<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>GET和POST请求</title>
</head>
<body>
    <script>
        /*
        Get和Post请求
        */
      //1.GET请求
    //   var xhr=new XMLHttpRequest()
    //   //需要携带参数
    //   //因为是GET请求，直接在地址后面进行参数的书写
    //   xhr.open('GET','http://localhost:8888/test/thrid?name=前端小灰狼&age=18',true)
    //   xhr.onload=function(){
    //       console.log(JSON.parse(xhr.responseText))
    //   }
    //   xhr.send()


      //2.Post请求
      var xhr=new XMLHttpRequest()
      //注意：注意是POST请求，不需要在地址后面拼接参数
      xhr.open('POST','http://localhost:8888/test/fourth',true)
      xhr.onload=function(){
          console.log(JSON.parse(xhr.responseText))
      }
      //注意：当你发送POST请求，并且需要携带参数的时候，需要进行特殊说明
      //语法：xhr.setRequestHeader('content-type',你传递参数的格式)
      xhr.setRequestHeader('content-type','application/x-www-form-urlencoded')

      //send后面的（）就是书写请求体的位置
      xhr.send('name=前端小灰狼&age=18')
    </script>
</body>
</html>